<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp"%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>
    <link rel="stylesheet" href="${el:getWebRootPath()}/oa/act/css/tab-form.css"></link>
    <style type="text/css">
	div,span,a{
	   -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	.selectImgsDiv{
	    padding: 10px;
	}
	.selectImgsDiv .imgbox{
	    position: static;
	    width: 50px;
	    height: 50px;
	    float: left;
	    border: 1px solid #ddd;
	    margin-left: 5;
	    border-radius: 5px;
	    margin-bottom: 5px;
	    background-color: transparent;
	}
	.selectImgsDiv .selected{
	    border: 1px solid #333;
	}
	.selectImgsDiv img{
	    width: 35px;
	    height: 35px;
	    position: initial;
	    margin: 7px 7px;
	}
	.icon-btn{
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-left: 10px;
        line-height: 24px;
        border: 1px solid #03A9F4;
        text-align: center;
        border-radius: 50%;
        color: #03A9F4;
        font-size: 24px;
        cursor: pointer;
	}
	.icon-btn-add{
        border-color:#03A9F4;
        color: #03A9F4;
    }
    .icon-btn-remove{
        border-color:#ff0000;
        color:#ff0000;
    }
	</style>

</head>
<body>
   <form id="addform" method="post">
       <table class="tab-base" style="text-align:left;position: absolute;left: 50%;transform: translate(-70%,0%);">
           <tr>
               <td class='key'>
                   <span>*</span>分组名称：
               </td>
               <td>
                   <input class="easyui-combobox" id="groupName" name="groupName" style="width:300px" data-options="width:300,textField:'name',editable:false,valueField:'id', prompt:'选择分组'"/>
               </td>
           </tr>
           <tr>
               <td class='key'>
                   <span>*</span>流程名称：
               </td>
               <td>
                   <input class="easyui-textbox" type="text" name="businessName" style="width:300px" data-options="prompt:'请输入流程名称',required:true" validType="maxlength[33]"/>
               </td>
           </tr>
           <tr>
               <td class='key'>
                   <span>*</span>关联表单：
               </td>
               <td>
                   <input class="easyui-textbox" type="text" id="formName_add" name="formName" style="width:300px" data-options="prompt:'请选择关联表单',required:true"/>
                   <input type="hidden" id="formId_add" name="formId"/>
                   <input type="hidden" name="msgType" value='rlytx'>
               </td>
           </tr>
           <tr>
               <td class='key'>
                   <span>*</span>流程图片：
               </td>
               <td>
                   <input type="hidden" id="iconUrl" name="iconUrl" value="/oa/act/approval/progress/images/baoxiao.png"> 
                   <img src="../../../../../oa/act/approval/progress/images/baoxiao.png" id="demoImg" style="width:80px;height: 80px;vertical-align: middle;">
                   <a href="javascript:void(0);" class="vitobtn" style="margin:0;margin-left:6px;" id="selectImg" >选择图片</a>
               </td>
           </tr>
           <tr>
	           <td class='key' style="float: top"><span>*</span>流程节点：</td>
	           <td>
	               <table id="nodesTab" class="tab-base">
<!-- 	                   <tr class="tab-header">
	                       <th>节点名称</th>
	                       <th>审核后标记语</th>
	                       <th>审核中标记语</th>
	                       <th>待审核标记语</th>
	                       <th>审批需要印章</th>
	                       <th>审批需要签名</th>
	                       <th>
	                           <a href="javascript:void(0)" class="vitobtn node-add" style="margin:0;" >增加</span>
	                       </th>
	                   </tr> -->
	                       <tr>
	                           <td>
	                               <input class="easyui-textbox" style="width:300px;" type="text" name="processNodeName" data-options="prompt:'请输入节点名称',validType:'maxlength[10]'" value="第1级节点"/>
	                           </td>
	                          <!--  <td>
	                              <input class="easyui-textbox" style="width:150px;" type="text" name="markOfApproved" data-options="prompt:'批准后标语',required:true,validType:'maxlength[10]'" value="同意" />
	                           </td>
	                           <td>
	                              <input class="easyui-textbox" style="width:150px;" type="text" name="markOfApproving" data-options="prompt:'批准中标语',required:true,validType:'maxlength[10]'" value="审批中"/>
	                           </td>
	                           <td>
	                               <input class="easyui-textbox" style="width:150px;" type="text" name="markOfWait" data-options="prompt:'等待批准标语',required:true,validType:'maxlength[10]'" value="待审批" />
	                           </td>
	                           <td><input class="easyui-combobox" style="width:150px;" name="isSeal" value="0" data-options="editable:false,required:true,data:[{text:'否',value:'0'},{text:'是',value:'1'}]"  /></td>
	                           <td><input class="easyui-combobox" style="width:150px;" name="isSign" value="0" data-options="editable:false,required:true,data:[{text:'否',value:'0'},{text:'是',value:'1'}]"  /></td> -->
	                           <td><lable id="addNode" class="icon-btn icon-btn-add"><a>+</a></lable></td>
	                       </tr>
	               </table>
	           </td>
           </tr>
           <tr>
	           <td class='key' ></td>
	           <td>
	               <a href="javascript:void(0)" class="vitobtn" id="saveAddBtn" style="padding:8px 30px;margin-bottom:10px;">保存</a>
	           </td>
           </tr>
       </table>
    </form>
    <div id="imgDlg"   style="overflow-y:auto;" data-options="width:555,height:350,iconCls:'icon-save',resizable:false,modal:true,closed:true">
    </div>
    <div id="formdlg"  style="overflow-y:auto;" data-options="width:700,height:450,iconCls:'icon-save',resizable:false,modal:true,closed:true">
    </div>
</body>	
</html>
<script type="text/javascript">
    seajs.use("oa/act/approval/progress/js/add", function(add) {
           add.init();
    });
</script>